<template>
    <div>
        <br>
        <span>明细 &nbsp;&nbsp;&nbsp;&nbsp;</span>
        <el-input
                class="userId"
                placeholder="请输入用户Id"
                v-model="input"
                clearable>
        </el-input>
        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;排序&nbsp;&nbsp;&nbsp;</span>
        <el-select v-model="value" placeholder="请选择">
            <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
            </el-option>
        </el-select>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <el-button type="primary" plain>检索</el-button>
        <el-button type="primary" plain>余额列表</el-button>
    </div>

</template>

<script>
    export default {
        name: "FinanceUser",
        data() {
            return {
                input: '',
                options: [{
                    value: '选项1',
                    label: '时间顺序'
                }, {
                    value: '选项2',
                    label: '时间倒序'
                }],
                value: ''
            }
        }
    }
</script>

<style scoped>
    .userId{
        width: 170px;
    }
</style>